<!DOCTYPE html>
<html>
<head>
<title>HTML5列表的使用</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

</head>

<body>
	无序列表ul
	<br />
	<ul>
		<li>苹果</li>
		<li>橘子</li>
		<li>香蕉</li>
	</ul>
	<br /> 有序列表ol
	<br />
	<ol>
		<li>苹果</li>
		<li>橘子</li>
		<li>香蕉</li>
	</ol>
	<br /> 无序列表ul前面的符号默认是disc:实心黑点,可以改变:
	<br />1.disc:实心黑点2.空心圆:circle3.实心方块square
	<br />
	<ul type="circle">
		<li>苹果</li>
		<li>橘子</li>
		<li>香蕉</li>
	</ul>
	<br /> 有序列表ol前面的符号默认是数字也可以改变:
	<br />1.A 2.a 3.i4.I 5.start(设置从某个数开始)
	<br />
	<ol type="I">
		<!--/start="10" /type="a"/ type="i"......-->
		<li>苹果</li>
		<li>橘子</li>
		<li>菠萝</li>
		<li>香蕉</li>
		<li>椰子</li>
	</ol>
	<br /> 列表的嵌套01
	<br />
	<ul>
		<li>人类</li>
		<ol>
			<li>中国人</li>
			<li>美国人</li>
		</ol>
		<li>植物</li>
		<li>动物</li>
		<ol>
			<li>胎生动物</li>
			<li>卵生动物</li>
		</ol>
	</ul>
	<br /> 列表的嵌套02
	<br />
	<ol>
		<li>人类</li>
		<ul>
			<li>中国人</li>
			<li>美国人</li>
		</ul>
		<li>植物</li>
		<li>动物</li>
		<ul>
			<li>胎生动物</li>
			<li>卵生动物</li>
		</ul>
	</ol>

	<dl>
		<dt>helloworld</dt>
		<dd>每一门语言都会打印一个helloworld</dd>
	</dl>
	
	<dl>
		<dt>helloworld</dt>
		<dd>每一门语言都会打印一个helloworld</dd>
	</dl>
	
	<dl>
		<dt>helloworld</dt>
		<dd>每一门语言都会打印一个helloworld</dd>
	</dl>
</body>
</html>
